<!-- Start of first page -->
<div data-role="page" id="home">
    <div data-role="header">
        <h1>MOCYC.COM</h1>
    </div><!-- /header -->
    <div data-role="content" style="width:100%; text-align:center;">	
        <div id="conner_menu">
            <a rel="external" href="?q=news" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_news.gif" alt=""/>
                <div id="title_menu">ข่าวสาร</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=market" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_market.gif" alt=""/>
                <div id="title_menu">ตลาด</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=webboard" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_webboard.gif" alt=""/>
                <div id="title_menu">เว็บบอร์ด</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=modify" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_modify.gif" alt=""/>
                <div id="title_menu">รถแต่ง</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=galleries" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_gallery.gif" alt=""/>
                <div id="title_menu">อัลบั้ม</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=video" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_video.gif" alt=""/>
                <div id="title_menu">คลิป</div>
            </a>
        </div>
        <div id="conner_menu">
            <a rel="external" href="?q=club" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_club.gif" alt=""/>
                <div id="title_menu">ชมรม</div>
            </a>
        </div> 
        <div id="conner_menu">
            <a rel="external" href="?q=activity" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_carlendar.gif" alt=""/>
                <div id="title_menu">กิจกรรม</div>
            </a>
        </div> 
        <div id="conner_menu">
            <a rel="external" href="https://www.facebook.com/MocycThailand" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_facebook.png" alt=""/>
                <div id="title_menu">เฟสบุ๊ค</div>
            </a>
        </div> 
        <div id="conner_menu">
            <a rel="external" href="?q=aboutUs" class="ui-link-inherit" data-transition="flip">
                <img src="images/icon_aboutUs.gif" alt=""/>
                <div id="title_menu">ติดต่อ</div>
            </a>
        </div>  
    </div><!-- /content -->
    <div data-role="footer" >
        <h4>Version 1.0 Beta</h4>
        <a id="link_web" href="http://www.mocyc.com" data-icon="refresh" data-iconpos="right" class="ui-btn-right">แบบปกติ</a>
    </div><!-- /footer -->
</div><!-- /page -->